<template>
	<div>
		<div class="cellbox">
			<div :style="backClass"  class="circular"><slot name="cellboxicon"></slot></div>
			<slot name="cellboxtis"></slot>
			
		</div>
		
	</div>
</template>

<script>
	import { Icon } from 'vant';
	export default{
		 props:{
			 bjClass:{
				 type:String,
				 default:'#0083C8'
			 }
		 },
		components: {
			[Icon.name]:Icon,
		},
		computed:{
			backClass(){
				return this.bjClass ? {backgroundColor:this.bjClass}:{}
			}
		}
	}
</script>

<style lang="less" scoped>
	.cellbox{
		height: 45px;
	    border-bottom: 1px solid #f2f2f2;
		display: flex;
		align-items: center;
		padding: 0 10px;
		box-sizing: border-box;
	.circular{
		width: 22px;
		height: 22px;
		// background-color: #0083C8;
		margin-right: 12px;
		border-radius: 50%;
	}
	.cellbox-tis{
		font-size: 20px;
		color: #101010;
	}
	 }
	
</style>
